.user-login-bg{
    background-size: cover;
    background-image: url(../img/login-bg.png);
}
.user-login-main{
    width: 375px;
    margin-left: 55%;
    box-sizing: border-box;
}
.login-icon{
    position: absolute;
    left: 1px;
    top: 1px;
    width: 38px;
    line-height: 36px;
    text-align: center;
    color: #d2d2d2;
}
.login-input{
    padding-left: 38px;
}
.user-login-header{
    text-align: center;
}
.user-login-body{

}
body,html {
    height:100%
}
.layui-layout-body {
    overflow:auto
}
#user-login-container,.user-display-show {
    display:block!important
}
.user-login {
    position:relative;
    left:0;
    top:0;
    padding:110px 0;
    min-height:100%;
    box-sizing:border-box
}
.user-login-main {
    width:375px;
    margin-left:55%;
    box-sizing:border-box
}
.user-login-box {
    padding:20px
}
.user-login-header {
    text-align:center
}
.user-login-header h2 {
    margin-bottom:10px;
    font-weight:300;
    font-size:30px;
    color:#000
}
.user-login-header p {
    font-weight:300;
    color:#999
}
.user-login-box .layui-form-item {
    position:relative
}
.user-login-icon {
    position:absolute;
    left:1px;
    top:1px;
    width:38px;
    line-height:36px;
    text-align:center;
    color:#d2d2d2
}
.user-login-box .layui-form-item .layui-input {
    padding-left:38px
}
.user-login-codeimg {
    max-height:38px;
    width:100%;
    cursor:pointer;
    box-sizing:border-box
}
.user-login-main {
    background-color:#fff;
    box-shadow:0 0 5px rgba(0,0,0,.05)
}
.user-jump-change {
    float:right
}
@media screen and (max-width:768px) {
    .user-login {
        padding-top:60px
    }
    .user-login-main {
        width:300px
    }
    .user-login-box {
        padding:10px
    }
}